{% load table_row_highlight %}

	{% if achivements %}
		<table cellspacing="0">
			<tr id="Menu">
				<th class="caption">
					Project
				</th>
				<th class="caption">
					1st / last Task
				</th>
				<th class="caption">
					Time spent
				</th>
			</tr>
			{% for achivement in achivements%}
				<tr class="{% odd_even_row forloop.counter 'odd' 'even' %}">
					<td style="border-bottom:1px solid #c3d9ff;">
						<a href="javascript:ShowProjectDetails('{{ achivement.project_id }}')"><h2><img src="/appmedia/arrow.gif">{{ achivement.project }}</h2></a> 
					</td>
					<td align="center" style="border-bottom:1px solid #c3d9ff;">
						{{ achivement.get_first_task }} / {{ achivement.get_last_task }}
					</td>
					<td width="400" style="border-bottom:1px solid #c3d9ff;">
						<div style="border:1px solid #dddddd;background:white;width:400px; padding:1px;">
							<div style="background:#c3d9ff; text-align:center;width:{{achivement.percent}}px">
							{{achivement.time_spent}}&nbsp;h{%if achivement.money_cost%}&nbsp;/&nbsp;project&nbsp;cost:&nbsp;${{achivement.money_cost}}{%endif%}
							</div>
						</div>
					</td>
				</tr>
				
				<tr>
					<td colspan="3" id="detail_{{ achivement.project_id }}"></td>
				</tr>
			{% endfor %}
		</table>
	{% else %}
		<center>
		<p>
		<h1>There is no achievements?</h1> 
		<h1>Don't worry!</h1> 
		<h1>You're on a right way, just do first step.</h1>
		<p>
		</center>
	{% endif %}
